.header {
	padding: 10px;
	box-shadow: 0 0 5px 1px #000;
}
.navbar{
	text-align:center;
	color:#000000;
	background-color:#ffffff;
}
.navbar a.navtab:hover{
	color:#00c728;
	background-color:#ebebeb;
}
@media (orientation: landscape) {
	.navbar a.navtab{
		color:#000000;
		display:inline-block;
		margin:10px;
		font-size:25px;
		font-weight:bold;
		font-family:arial;
		text-decoration: none;
	}
}
@media (orientation: portrait) {
	.navbar a.navtab{
		color:#000000;
		display:none;
		margin:10px;
		font-size:25px;
		font-weight:bold;
		font-family:arial;
		text-decoration: none;
		box-shadow: 0 0 2px #005;
		padding:10px;
		text-align:center;
		box-shadow: 0 0 2px #005;
		padding: 10px;
		text-align: center
	}
	.navbar input[type="checkbox"] + label:before {
		content:"+";
		font-size: 40px;
	}
	.navbar input[type="checkbox"]:checked + label:before {
		content:"-";
	}
	.navbar input[type="checkbox"]:checked ~ a.navtab {
		display: block;
	}
}